<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Zigya Technology Labs Pvt. Ltd. | Login</title>
<link rel="stylesheet" type="text/css" href="css/zigya.css"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--show and hide divs-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>

<!--header animation jQuery-->
<script src="js/jquery.lazylinepainter-1.1.min.js"></script>
<script src="js/raphael-min.js"></script>
<script src="js/header.js"></script>
<!--header animation jQuery-->

    <!-- Include all compiled plugins (below), or include individual files as needed -->
   
<!--placeholder jQuery-->
<script src="js/placeholder.js"></script>
<!--placeholder jQuery-->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style type="text/css">
	.custom-radio{
		width: 16px;
		height: 16px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url("images/radio-sprite.png") no-repeat 0 0 transparent;
	}
	.custom-radio:hover{
		background-position: 0 -16px;
	}
	.custom-radio.selected{
		background-position: 0 -32px;
	}
	.custom-radio input[type="radio"]{
		margin: 1px;
		position: absolute;
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}
	/* Let's Beautify Our Form */
    form{
        margin: 20px;
    }
    label{
        display: block;
        padding: 2px 0;
    }
    input[type="submit"]{
        float: center;
        background: url(images/submit.png);
        border: none;
        border-radius: 4px;
        margin-top: 0px;
        padding: 4px 10px;
        cursor: pointer;
        outline: none;
		margin-left: auto;
        margin-right: auto;
       display: block; 
       margin-top: 48px;
    }
	
</style>
<script type="text/javascript">
    function customRadio(radioName){
        var radioButton = $('input[name="'+ radioName +'"]');
        $(radioButton).each(function(){
            $(this).wrap( "<span class='custom-radio'></span>" );
            if($(this).is(':checked')){
                $(this).parent().addClass("selected");
            }
        });
        $(radioButton).click(function(){
            if($(this).is(':checked')){
                $(this).parent().addClass("selected");
            }
            $(radioButton).not(this).each(function(){
                $(this).parent().removeClass("selected");
            });
        });
    }
    $(document).ready(function (){
        customRadio("category");
       // customRadio("search-engine");            
       // customRadio("confirm");
    })
</script>
<!--Zigya Css and jQuery starts-->
</head>

<body>
    <!--wrapper starts-->
        <section class="wrapper">
        	<!--header starts-->
			<div class="container-fluid">
			<div class="container">
            	<header>
				 <div class="col-md-2 col-sm-2 col-lg-2 visible-sm visible-xs">
		 <div class="login">
                                <div class="login_icon">
                                     <a href="join_in.html">
                                        <svg version="1.1" id="Layer_1" x="0px" y="0px"
                                             width="30px" height="30px" viewBox="0 0 22.083 22.083" enable-background="new 0 0 22.083 22.083" xml:space="preserve">
                                        <circle fill="#EC1C65" cx="11.041" cy="11.042" r="11.041"/>
                                        <path fill="#FFFFFF" d="M12.043,17.998c0,0.104-0.23,0.188-0.516,0.188l0,0c-0.282,0-0.516-0.084-0.516-0.188v-7.29
                                            c0-0.104,0.233-0.188,0.516-0.188l0,0c0.285,0,0.516,0.084,0.516,0.188V17.998z"/>
                                        <path fill="#FFFFFF" d="M11.923,15.504c0.066,0,0.12,0.23,0.12,0.516l0,0c0,0.281-0.054,0.516-0.12,0.516H7.298
                                            c-0.066,0-0.12-0.234-0.12-0.516l0,0c0-0.285,0.053-0.516,0.12-0.516H11.923z"/>
                                        <path fill="#FFFFFF" d="M11.958,12.98c0.048,0,0.086,0.23,0.086,0.516l0,0c0,0.281-0.038,0.516-0.086,0.516H8.665
                                            c-0.047,0-0.085-0.234-0.085-0.516l0,0c0-0.285,0.038-0.516,0.085-0.516H11.958z"/>
                                        <circle fill="#EC1C65" stroke="#FFFFFF" cx="11.528" cy="7.834" r="2.813"/>
                                        </svg>
									</a>
                                </div>                  
                        </div>
		 </div>
                	<!--nav starts-->
					<nav class="visible-sm visible-xs navbar navbar-default" role="navigation">
					<div class="col-md-10 col-sm-10 col-lg-10">
					   <div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						</button>
						            <a class="navbar-brand" href="index.html">
                                    	<img src="images/zigya_logo.png" alt="Zigya Technology Labs Pvt. Ltd." width="120" >
                                    </a>
						
						</div>
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul>
        	<li><a href="javascript:void(0)"><p>Study</p></a></li>
            <li><a href="javascript:void(0)"><p>Practice</p></a></li>
            <li><a href="javascript:void(0)"><p>Assignment</p></a></li>
            <li><a href="javascript:void(0)"><p>Test</p></a></li>
            <li><a href="javascript:void(0)"><p>My Space</p></a></li>
            <li><a href="javascript:void(0)"><p>My Group Wall</p></a></li>
            
         </ul>
         </div>
		 </div>
		
                        </nav>
                    	<nav class="visible-lg visible-md">
                        	<ul>
                            	<li class="study" id="study">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_study">
                                        	<!--study_icon starts-->
                                            	<div id="study_icon"></div>
                                        	<!--study_icon closed-->
                                            <p>Study</p>
                                       	</div>
                                    </a>
                                </li>
                                <li class="practice" id="practice">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_practice">
                                        	<!--practice_icon starts-->
		                                    	<div id="practice_icon"></div>
        		                        	<!--practice_icon closed-->
                                            <p>Practice</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="assignment" id="assignment">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_assignment">
                                        	<!--assignment_icon starts-->
                            					<div id="assignment_icon"></div>
                            				<!--assignment_icon closed-->
                                   		<p>Assignment</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="logo">
                                	<a href="index.html">
                                    	<img src="images/zigya_logo.png" alt="Zigya Technology Labs Pvt. Ltd." width="100" >
                                    </a>
                                </li>
                                <li class="test" id="test">
                                	<a href="javascript:void(0)">
                                        <div class="icon_test">
                                            <!--test_icon starts-->
                                                <div id="test_icon"></div>
                                            <!--test_icon closed-->
                                        	 <p>Test</p>
                                   		</div>
                                    </a>
                                </li>
                                <li class="myspace" id="myspace">
                                	<a href="javascript:void(0)">
                                    	
                                    	<div class="icon_myspace">
                                        	<!--myspace_icon starts-->
                            					<div id="myspace_icon"></div>
            			                	<!--myspace_icon closed-->
                                        	<p>My Space</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="group_wall" id="group_wall">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_groupwall">
                                            <!--my_group_wall_icon starts-->
                            					<div id="my_group_wall_icon"></div>
                            				<!--my_group_wall_icon closed-->
                                            <p>My Group Wall</p>
                                        </div>
                                    	
                                    </a>
                                </li>
                                <div class="clear"></div>
                            </ul>
                            <!--pink_line1 starts-->
                            	<div id="pink_line1"></div>
                            <!--pink_line1 closed-->
                            <!--pink_line2 starts-->
                            	<div id="pink_line2"></div>
                            <!--pink_line2 closed-->
                            <!--pink_line3 starts-->
                            	<div id="pink_line3"></div>
                            <!--pink_line3 closed-->
                            <!--blue_line1 starts-->
                            	<div id="pink_line4"></div>
                            <!--blue_line1 closed-->
                            <!--blue_line2 starts-->
                            	<div id="pink_line5"></div>
                            <!--blue_line2 closed-->
                            <!--blue_line3 starts-->
                            	<div id="pink_line6"></div>
                            <!--blue_line3 closed-->
                        </nav>
                    <!--nav closed-->
                    <!--login_starts-->
                    	<div class="login visible-md visible-lg">
                                <div class="login_icon">
                                     <a href="join_in.html">
                                        <svg version="1.1" id="Layer_1" x="0px" y="0px"
                                             width="30px" height="30px" viewBox="0 0 22.083 22.083" enable-background="new 0 0 22.083 22.083" xml:space="preserve">
                                        <circle fill="#EC1C65" cx="11.041" cy="11.042" r="11.041"/>
                                        <path fill="#FFFFFF" d="M12.043,17.998c0,0.104-0.23,0.188-0.516,0.188l0,0c-0.282,0-0.516-0.084-0.516-0.188v-7.29
                                            c0-0.104,0.233-0.188,0.516-0.188l0,0c0.285,0,0.516,0.084,0.516,0.188V17.998z"/>
                                        <path fill="#FFFFFF" d="M11.923,15.504c0.066,0,0.12,0.23,0.12,0.516l0,0c0,0.281-0.054,0.516-0.12,0.516H7.298
                                            c-0.066,0-0.12-0.234-0.12-0.516l0,0c0-0.285,0.053-0.516,0.12-0.516H11.923z"/>
                                        <path fill="#FFFFFF" d="M11.958,12.98c0.048,0,0.086,0.23,0.086,0.516l0,0c0,0.281-0.038,0.516-0.086,0.516H8.665
                                            c-0.047,0-0.085-0.234-0.085-0.516l0,0c0-0.285,0.038-0.516,0.085-0.516H11.958z"/>
                                        <circle fill="#EC1C65" stroke="#FFFFFF" cx="11.528" cy="7.834" r="2.813"/>
                                        </svg>
									</a>
                                </div>                  
                        </div>
                    <!--login closed-->                    
                </header>
				</div>
			</div>
            <!--header closed-->
            <!--Container starts-->
			<div class="container-fluid">
			<div class="container container1">
            	<section class="Container">
                	<h1>Zigya Join As</h1>
                    <!--information starts-->
					<div class="col-md-10 col-sm-10 col-lg-10 col-xs-12 zero-padding custom-margin-bottom">
                        <!--information starts-->
                        <div class="information">
                        	<!--information_inner starts-->
                            	<div class="information_inner2">
								  <p class="custom-p1">My <span class="custom-color">Comment..</span></p>
								  
								  <textarea class="textarea blue" name="feedback" placeholder="Feedback"></textarea>
                                                        <div class="submit_btn3">
                                                            <input type="submit" value="" class="Submit">
                                                        </div>
                                                    
                                                    <div class="clear"></div>
                                               
                                            
                                       
                                    
                                </div>
                            <!--information_inner closed-->
                            <!--information_nav starts-->
                                <div class="information_nav visible-lg visible-md">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <svg id="Layer_1" x="0px" y="0px" width="30px" height="93px" viewBox="0 0 19.473 59.494" >
                                                    <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-557.9998" y1="2226.7471" x2="-538.5281" y2="2226.7471" gradientTransform="matrix(1 0 0 -1 558 2256.4941)">
                                                        <stop  offset="0.3768" style="stop-color:#29ABE2"/>
                                                        <stop  offset="0.8528" style="stop-color:#127DC2"/>
                                                    </linearGradient>
                                                    <path fill="url(#SVGID_2_)" d="M0,0c0,13.752,19.472,11.883,19.472,23.693c0,21.174,0-5.025,0,12.106
                                                        C19.473,46.633,0,45.742,0,59.494V0z"/>
                                                    </svg>
                                                </a>
                                            </li>
                                            <li>
                                            	<a href="#">
													<svg version="1.1" id="Layer_2" x="0px" y="0px"
                                                         width="30px" height="93px" viewBox="0 0 19.473 59.494" enable-background="new 0 0 19.473 59.494" xml:space="preserve">
                                                    <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-557.9998" y1="2226.7471" x2="-538.5271" y2="2226.7471" gradientTransform="matrix(1 0 0 -1 558 2256.4941)">
                                                        <stop  offset="0.3768" style="stop-color:#D5DF38"/>
                                                        <stop  offset="0.5531" style="stop-color:#D3DE38"/>
                                                        <stop  offset="0.687" style="stop-color:#CADB39"/>
                                                        <stop  offset="0.8068" style="stop-color:#BAD53B"/>
                                                        <stop  offset="0.9178" style="stop-color:#A4CD3D"/>
                                                        <stop  offset="0.968" style="stop-color:#98C93E"/>
                                                    </linearGradient>
                                                    <path fill="url(#SVGID_3_)" d="M0,0.001c0,13.752,19.473,11.883,19.473,23.693c0,21.172,0-5.025,0,12.104
                                                        C19.473,46.632,0,45.743,0,59.493V0.001z"/>
                                                    </svg>
                                                 </a>
                                            </li>
                                        	<li>
                                            	<a href="#">
                                                	<svg version="1.1" id="Layer_3" x="0px" y="0px"
                                                         width="30px" height="93px" viewBox="0 0 19.473 59.494" enable-background="new 0 0 19.473 59.494" xml:space="preserve">
                                                    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-557.9998" y1="2226.7471" x2="-538.5271" y2="2226.7471" gradientTransform="matrix(1 0 0 -1 558 2256.4941)">
                                                        <stop  offset="0.3768" style="stop-color:#EB195E"/>
                                                        <stop  offset="0.5285" style="stop-color:#E41A5D"/>
                                                        <stop  offset="0.6438" style="stop-color:#D61C59"/>
                                                        <stop  offset="0.7469" style="stop-color:#C21E55"/>
                                                        <stop  offset="0.843" style="stop-color:#A71F4E"/>
                                                        <stop  offset="0.9334" style="stop-color:#881E45"/>
                                                        <stop  offset="0.968" style="stop-color:#7A1C41"/>
                                                    </linearGradient>
                                                    <path fill="url(#SVGID_1_)" d="M0,0c0,13.752,19.473,11.885,19.473,23.695c0,21.172,0-5.025,0,12.104
                                                        C19.473,46.633,0,45.742,0,59.494V0z"/>
                                                    </svg>
                                                </a>
                                            </li>
                                        </ul>
                                    
                                    </div>
                             <!--information_nav closed-->
                             <div class="clear"></div>
							 <div class="clear"></div>
							 <div class="footer custom-footer">
                                	<ul>
                                    	<li>
                                        	<a href="index.html">
                                            	
                                            </a>
                                        </li>
                                        <li>
                                        	<a href="about_us.html">
                                            	
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                            	
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                           		
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                            	
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                        </div>
					</div>
                   	<!--information closed-->
                	<!--information_aside starts-->
					<div class="col-md-2 col-lg-2 col-sm-2 col-xs-12 zero-padding">
                    	<div class="information_aside">
                        	<!--advertisment starts-->
                            	<div class="advertisment_aside">
                                	<img src="images/advertisment.png" width="200" alt="advertisment">
									
                                </div>
                            <!--advertisment closed-->
                             <div class="clear"></div>
                        </div>
					</div>
                	<!--information_aside closed-->
                    <div class="clear"></div>
                </section>
				</div>
				</div>
              <!--Container closed-->
        </section>
    <!--wrapper closed-->
	 <script src="js/bootstrap.min.js"></script>
</body>
</html>
